<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    @font-face {
        font-family: 'huayuan';
        src: url("font/花园肉丸.ttf");
    }

    .pref{
        /*opacity: 90%;*/
        /*background-color: white;*/
        width: 180px;
        max-height: 500px;
        overflow-y: auto;
        background-color: rgb(255, 255, 255);
        opacity: 70%;
        position: absolute; left: 4%; top: 18%;
        font-size: 26px;
        border: solid 2px black;
    }

    .pref li{
        font-size: 16px;
        list-style: upper-roman;
    }

    .pref a:hover{
        color: saddlebrown;
    }
</style>

<div class="pref">
<c:if test="${!empty sessionScope.myList}">
    <p style="font-family: huayuan;color: rgb(190, 158, 111);">您的偏好</p>
    <ul>
        <c:forEach var="product" items="${sessionScope.myList}">
            <li>
                <a href="productForm?productId=${product.productId}">${product.name}</a>
                (${product.productId})
            </li>
        </c:forEach>
    </ul>

</c:if>
</div>
